<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<a href="helloAjax.txt">Hello Ajax</a>
		
		<script>
			window.onload = function(){
				// 1. 获取a节点, 为其添加onclick响应函数
				document.getElementsByTagName("a")[0].onclick = function(){
					// 3. 创建一个XMLHttpRequest对象
					var request = new XMLHttpRequest()
					
					// 4. 准备发送请求的数据: url
					var url = this.href + "?time=" + new Date()
					var method = "GET"
					
					// 5. 调用XMLHttpRequest对象的open方法
					request.open(method, url)
					
					// 6. 调用XMLHttpRequest对象的send方法
					request.send(null)
					
					// 7. 为XMLHttpRequest对象添加onreadystatechange响应函数
					request.onreadystatechange = function(){
						// 8. 判断响应是否完成: XMLHttpRequest对象的readyState属性值为4的时候
						if(request.readyState == 4){
							// 9. 在判断响应是否可用: XMLHttpRequest对象的status属性值为200
							if(request.status == 200 || request.stutus == 304){
								// 10. 打印响应结果: responseText
								alert(request.responseText)
							}
						}
					}
					
					// 2. 取消a节点的默认行为
					return false
				}
			}
		</script>
	</body>
</html>
